/* ================================== */
/* CSS for control sap.m/GenericTile  */
/* BlueCrystal theme                  */
/* ================================== */

html.sap-desktop .sapMGT:focus .sapMGTFocusDiv {
	border: 1px solid @sapUiTileBackground;
}

html.sap-desktop .sapMGT:focus .sapMGTFocusDiv:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 0.25rem;
	margin: -1px;
	border: 1px dotted @sapUiContentFocusColor;
}

.sapMGTBackgroundImage {
	border-color: fade(@sapUiTileBorderColor, 60);
}

html.sap-desktop .sapMGT:hover,
html.sap-phone .sapMGT:active,
html.sap-tablet .sapMGT:active {
	box-shadow: 0 0 0 0.125rem @sapUiContentContrastShadowColor;
	border-color: transparent;
}

html.sap-desktop .sapMGTBackgroundImage:hover,
html.sap-phone .sapMGTBackgroundImage:active,
html.sap-tablet .sapMGTBackgroundImage:active {
	box-shadow: 0 0 0 0.125rem @sapUiContentContrastShadowColor;
	border-color: fade(@sapUiTileBorderColor, 60);
}

.sapMGTFocusDiv {
	left: 1px;
	top: 1px;
	right: 1px;
	bottom: 1px;
}